<!doctype html>
<html class="no-js">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="美丽说-wap首页,H5,H5首页">
		<meta name="keywords" content="美丽说,穿搭,女装,搭配">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>美丽说</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="icon" type="image/png" href="assets/i/mfavicon.png">
		<link rel="stylesheet" type="text/css" href="assets/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css" />
		<link rel="stylesheet" href="assets/css/amazeui.min.css">
		<link rel="stylesheet" href="assets/css/swiper.min.css">
		<link rel="stylesheet" href="assets/css/details.css">
	</head>
	<body>
		<div class="am-container cons">
			<div class="primary-swiper">
				<div class="swiper-container swiper-container-horizontal banner">
					<div class="swiper-wrapper">
						<div class="swiper-slide img-box img-box1">
							<a href="javascript:void(0);"><img src="assets/img/c14.jpg" /></a>
						</div>
						<div class="swiper-slide img-box">
							<a href="javascript:void(0);"><img src="assets/img/c12.jpg" /></a>
						</div>
						<div class="swiper-slide img-box">
							<a href="javascript:void(0);"><img src="assets/img/c19.jpg" /></a>
						</div>
					</div>
					<<div class="swiper-pagination swiper-pagination-fraction">
						<span class="swiper-pagination-current">1</span> / <span class="swiper-pagination-total">3</span>
					</div>
				</div>
			</div>
			<div class="primary-info">
				<div class="info-title break"> 
					<span>2018春装新款长袖木耳领白衬衫女韩范花边领木耳袖宽松灯笼袖上衣简约休闲百搭纯色打底衫衬衣</span> 
				</div>
				<div class="info-price flex"> 
					<span class="flex">   
						<span class="now">¥49.00</span> 
						<span class="market">¥140.00</span> 
						<span class="discount">活动价</span>
					</span>
				</div>
				<div class="info-other"> 
					<span class="item">销量 7331</span> 
					<span class="item">收藏669人</span>
					<span class="item">72小时发货</span> 
				</div>
				<div class="services-container">
					<div class="info-services" id="J_Services">
						<div class="flex service-list"> 
							<span class="service-item"> 
								<img class="service-icon" src="assets/img/c24.png"> 
								<span class="service-name">退货补运费</span> 
							</span> 
							<span class="service-item"> 
								<img class="service-icon" src="assets/img/c24.png"> 
								<span class="service-name">全国包邮</span> 
							</span> 
							<span class="service-item"> 
								<img class="service-icon" src="assets/img/c24.png"> 
								<span class="service-name">7天无理由退货</span> 
							</span> 
							<span class="service-item"> 
								<img class="service-icon" src="assets/img/c24.png"> 
								<span class="service-name">72小时发货</span> 
							</span>
						</div> 
						<img class="service-arrow" src="assets/img/c1.png" alt="">
					</div>
				</div>
			</div>
			<div class="detail-wrap detail-shop">
				<div class="shop-top"></div>
				<div class="shop-info">
					<div class="clearfix">
						<a class="info-avatar" href=""> 
							<img src="assets/img/c2.jpg"> 
						</a>
						<div class="flex shop-info-container">
							<div class="shop-info-title">
								<p class="title"> JJH女装馆 </p>
							</div>
							<div class="shop-collect"> 
								<span class="has-marked">已收藏</span> 
								<span class="not-marked"> 
									<span class="plus">+</span> 收藏 
								</span>
							</div>
						</div>
					</div>
					<div class="info-content">
						<div class="count">
							<div class="sale">
								<span class="fz-18">32.3万</span>
								<br>总销量
							</div>
							<div class="all">
								<span class="fz-18">283</span>
								<br>全部宝贝
							</div>
						</div>
						<div class="shop-evaluate">
							<ul>
								<li> <span>描述相符</span> 
									<em class="low">4.53</em> 
									<i class="low">低</i> 
								</li>
								<li> <span>价格合理</span> 
									<em>5</em> 
									<i>高</i> 
								</li>
								<li> 
									<span>质量满意</span> 
									<em class="low">4.51</em> 
									<i class="low">低</i> 
								</li>
							</ul>
						</div>
					</div>
					<div class="info-goshop">
						<a href="">进店逛逛</a>
					</div>
				</div>
			</div>
			<nav class="scrollspy-nav" data-am-scrollspynav="{offsetTop: 44}" data-am-sticky>
				<ul>
					<li>
						<a href="#details">图文详情</a>
						<i></i>
					</li>
					<li>
						<a href="#parameter">商品参数</a>
						<i></i>
					</li>
					<li>
						<a href="#comment">评价(73)</a>
						<i></i>
					</li>
					<li>
						<a href="#recommend">热卖推荐</a>
						<i></i>
					</li>
				</ul>
			</nav>
			<div class="am-panel am-panel-default secx" id="details">
				<div class="am-panel-bd am-cf sect sect-on">
					<div class="sectxt">
						<p class="start am-fl"><i></i></p>
						<p class="text">一款简简单单的衬衫就可以很时髦！不管你要什么风格TA都能驾驭，就是这么任性~时尚的花边立领、凸显东方女人的柔美独特风琴褶皱、让整体更有轮廓，视觉显瘦非常强！在基础的版型上增添一些小亮点，就显得非常的与众不同呢~上身怎么韩范怎么来，透气舒适一级棒春秋季随意搭配短裙/裤、长裤、背带裤裙类甜美又减龄！非常学生文艺范哦~秋冬季搭配毛衣、背心裙露出花边领子更是美的不要不要哒百搭单品总是备受喜欢~</p>
						<p class="end am-fr"><i></i></p>
					</div>
					<div class="pics">
						<dl class="pic-box"> 
							<dt class="pic-title">穿着效果</dt> 
							<dt class="pic-desc">搭配完全不用花心思~轻松打造多变的你小心机的基础百搭款，不要错过哟！~</dt>
							<dd class="pic-list"> 
								<img class="fadeIn" src="assets/img/c20.jpg"> 
								<img class="lazy" src="assets/img/c7.jpg">
								<img class="lazy" src="assets/img/c9.jpg"> 
								<img class="lazy" src="assets/img/c6.jpg"> 
								<img class="lazy" src="assets/img/c15.jpg"> 
								<img class="lazy" src="assets/img/c11.jpg"> 
								<img class="lazy" src="assets/img/c18.jpg"> 
								<img class="lazy" src="assets/img/c5.jpg"> 
								<img class="lazy" src="assets/img/c8.jpg"> 
								<img class="lazy" src="assets/img/c16.jpg"> 
								<img class="lazy" src="assets/img/c10.jpg">
								<img class="lazy" src="assets/img/c21.jpg"> 
							</dd>
						</dl>
					</div>
					<div class="parameter-top"></div>
				</div>	
			</div>
			<div class="am-panel am-panel-default secx" id="parameter">
				<div class="am-panel-bd detail-parameter">
					<div class="parameter-head plr30"> 
						<span class="title">商品参数</span> 
					</div>
					<div class="parameter-wrap">
						<div class="size-list">
							<div class="item">
								<table>
									<tbody>
										<tr>
											<td>尺码</td>
											<td>S</td>
											<td>M</td>
											<td>L</td>
											<td>XL</td>
										</tr>
										<tr>
											<td>胸围</td>
											<td>92</td>
											<td>96</td>
											<td>100</td>
											<td>104</td>
										</tr>
										<tr>
											<td>袖长</td>
											<td>48</td>
											<td>49</td>
											<td>50</td>
											<td>51</td>
										</tr>
										<tr>
											<td>肩宽</td>
											<td>51</td>
											<td>52</td>
											<td>53</td>
											<td>54</td>
										</tr>
										<tr>
											<td>衣长</td>
											<td>62</td>
											<td>63</td>
											<td>64</td>
											<td>65</td>
										</tr>
									</tbody>
								</table>
							</div>
							<div class="item">
								<table>
									<tbody>
										<tr>
											<td>尺码</td>
											<td>XXL</td>
										</tr>
										<tr>
											<td>胸围</td>
											<td>108</td>
										</tr>
										<tr>
											<td>袖长</td>
											<td>52</td>
										</tr>
										<tr>
											<td>肩宽</td>
											<td>55</td>
										</tr>
										<tr>
											<td>衣长</td>
											<td>66</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
						<div class="param-list">
							<ul>
								<li> <span class="param-name">图案</span>
									<p class="param-info">纯色</p>
								</li>
								<li> <span class="param-name">颜色</span>
									<p class="param-info">白色</p>
								</li>
								<li> <span class="param-name">袖型</span>
									<p class="param-info">灯笼袖</p>
								</li>
								<li> <span class="param-name">上衣厚度</span>
									<p class="param-info">适中</p>
								</li>
								<li> <span class="param-name">衣门襟</span>
									<p class="param-info">单排扣</p>
								</li>
								<li> <span class="param-name">穿着方式</span>
									<p class="param-info">开襟</p>
								</li>
								<li> <span class="param-name">尺码</span>
									<p class="param-info">S,XL,L,M,XXL</p>
								</li>
								<li> <span class="param-name">衣长</span>
									<p class="param-info">常规款（51-65cm）</p>
								</li>
								<li> <span class="param-name">版型</span>
									<p class="param-info">宽松</p>
								</li>
								<li> <span class="param-name">季节</span>
									<p class="param-info">春季</p>
								</li>
								<li> <span class="param-name">材质</span>
									<p class="param-info">棉</p>
								</li>
								<li> <span class="param-name">领型</span>
									<p class="param-info">荷叶领</p>
								</li>
								<li> <span class="param-name">袖长</span>
									<p class="param-info">长袖</p>
								</li>
								<li> <span class="param-name">风格</span>
									<p class="param-info">小清新</p>
								</li>
								<li> <span class="param-name">潮流</span>
									<p class="param-info">韩系</p>
								</li>
							</ul>
						</div>
					</div>
				<div class="rates-top"></div>
				</div>
			</div>	
			<div class="am-panel am-panel-default comment secx" id="comment">
				<div class="am-panel-bd panel-item comments">
					<div class="rates-head plr30">
						<a class="title" href="">购买评价 
							<span class="more">更多<i class="arrow"></i></span>
						</a>
					</div>
					<div class="rates-list plr30">
						<div class="rate-item">
							<div class="rate-user"></div>
							<div class="rate-cont">我可以说好喜欢吗？真的超好看，跟图片一样，物流我赞，物美价廉，朋友还夸我呢，好评！！！姐妹们放心购买吧，嘻嘻。</div>
							<div class="rate-attr">
								<span class="time">2018-03-29</span>
								<span class="sku">颜色:白色 尺码:XL </span>
							</div>
						</div>
					</div>
					<div class="recommend-top"></div>
				</div>
			</div>	
			<div class="am-panel am-panel-default recommend secx" id="recommend">
				<div class="am-panel-bd panel-item recom">
					<div class="recommend-head plr30"> 
						<span class="title">热卖推荐</span> 
					</div>
					<div class="ad-commodity">
						<div class="ad-box ad-box1">
							<ul class="am-avg-sm-2 am-thumbnails ad-box1">
								<li class="ad-lf">
									<a href="javascript:void(0);">
										<div class="img-box">
											<img src="assets/img/img058.JPG" />
										</div>
										<p class="title">【50元两件】学生白色t恤女短袖夏季韩版大码女装破洞个性字母印花体恤衫宽松t恤上衣女小清新 </p>
										<div class="goods-info">
											<span class="price">29.90</span>
										</div>
									</a>
								</li>
								<li class="ad-lr">
									<a href="javascript:void(0);">
										<div class="img-box">
											<img src="assets/img/img205.JPG" />
										</div>
										<p class="title">【两件50元】春装新款韩版潮牌BF港风卡通印花宽松短袖T恤女上衣情侣装闺蜜装男女打底t恤衫 </p>
										<div class="goods-info">
											<span class="price">28.50</span>
										</div>
									</a>
								</li>
							</ul>
							<ul class="am-avg-sm-2 am-thumbnails ad-box1">
								<li class="ad-lf">
									<a href="javascript:void(0);">
										<div class="img-box">
											<img src="assets/img/img221.JPG" />
										</div>
										<p class="title"> 夏季新款韩版宽松学生百搭纯棉字母印花小清新黄色短袖T恤女 </p>
										<div class="goods-info">
											<span class="price">39.90</span>
										</div>
									</a>
								</li>
								<li class="ad-lr">
									<a href="javascript:void(0);">
										<div class="img-box">
											<img src="assets/img/img022.JPG" />
										</div>
										<p class="title"> 2018春夏新款小清新oversize纯色系小口袋宽松版中长款五分袖t恤 </p>
										<div class="goods-info">
											<span class="price">55.30</span>
										</div>
									</a>
								</li>
							</ul>
							<ul class="am-avg-sm-2 am-thumbnails ad-box1 last-commodity">
								<li class="ad-lf">
									<a href="javascript:void(0);">
										<div class="img-box">
											<img src="assets/img/img145.JPG" />
										</div>
										<p class="title">【两件50元】韩范印花t恤女短袖夏装韩版修身显瘦闺蜜短袖字母t恤女潮学生软妹百搭打底衫上衣 </p>
										<div class="goods-info">
											<span class="price">29.90</span>
										</div>
									</a>
								</li>
								<li class="ad-lr">
									<a href="javascript:void(0);">
										<div class="img-box">
											<img src="assets/img/img107.JPG" />
										</div>
										<p class="title">【2件59元 多款可选】【新品特惠】夏装新款纯棉t恤女高品质短袖白色圆领宽松学生半袖上衣女 </p>
										<div class="goods-info">
											<span class="price">39.00</span>
										</div>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>	
			<div class="am-g footer">
				<div class="am-u-sm-6 footer-icon">
					<div class="am-u-sm-2 footer-im">
						<i class="icon"></i>
						<span class="text">客服</span>
					</div>
					<div class="am-u-sm-2 footer-shop">
						<i class="icon"></i>
						<span class="text">店铺</span>
					</div>
					<div class="am-u-sm-2 footer-fav">
						<i class="icon"></i>
						<span class="text">收藏</span>
					</div>
				</div>	
				<div class="am-u-sm-6 footer-buy">
					<span class="buy-cart">加入购物车</span> 
					<span class="buy-now">购买</span> 
				</div>
			</div>
			<div class="fix-btn" id="fix-btn">
				<a href="" class="cart"> 
					<i class="cart-num" id="cart-num">1</i> 
				</a>
				<p class="gotop"></p>
			</div>
			<div class="goods-sku">
				<div class="content">
					<div class="sku-title">
						<div class="sku-title-img"> 
							<img src="assets/img/sc2.jpg" alt=""> </div>
						<div class="sku-title-desc"> 
							<span class="sku-title-text">2018春装新款长袖木耳领白衬衫女韩范花边领木耳袖宽松灯笼袖上衣简约休闲百搭纯色打底衫衬衣</span> 
							<span class="sku-title-price"> 
								<span class="price">¥49.00</span> 
							<span class="sku-stock">库存
								<span class="stock">13814</span>件
							</span>
							</span> <span class="sku-title-addon">请选择尺码</span>
						</div> 
						<span class="close">╳</span>
					</div>
					<div class="scroll">
						<div class="sku-list">
							<dl class="style"> <dt>颜色：</dt>
								<dd>
									<ol class="style-list">
										<li class="c" title="白色"> 白色</li>
									</ol>
								</dd>
							</dl>
							<dl class="size"> <dt>尺码：</dt>
								<dd>
									<ol class="size-list">
										<li class="" title="S"> S</li>
										<li class="" title="M"> M</li>
										<li class="" title="L"> L</li>
										<li class="" title="XL"> XL</li>
										<li class="" title="XXL"> XXL</li>
									</ol>
								</dd>
							</dl>
						</div>
						<div class="sku-num">
							<p class="title">数量:</p>
							<div>
								<div class="sku-counter"> 
									<span class="num-reduce num-disable"> 
										<b class="reduce-icon">－</b> 
									</span> <em class="num-input">1</em>
									<span class="num-add"> 
										<b class="add-icon">＋</b>  
									</span> 
								</div>
							</div>
						</div>
					</div>
					<div class="action"> 
						<span class="confirm">确定</span> 
					</div>
				</div>
			</div>	
			<div class="cons-bg"></div>
		</div>
		<script src="assets/js/jquery-1.12.4.min.js"></script>
		<script src="assets/js/amazeui.min.js"></script>
		<script src="assets/js/swiper.min.js"></script>
		<script src="assets/js/details.js"></script>
		<script>
			var swiper = new Swiper('.swiper-container', {
				roundLengths : true, 
				slidesPerView: 'auto',
				centeredSlides: false,
				pagination: '.swiper-pagination', 
				paginationType: 'fraction',
				setWrapperSize :true
			});
		</script>
	</body>
</html>